@layout("/backend/common/_containerForHis.html"){
<link href="${ctxPath}/static/libs/layui/css/layui.css" rel="stylesheet">
<style>
    .hstep-container-steps {cursor:pointer}
    .hstep-container-steps div.active{background-color: rgb(216,239,255)}
    .vstep-container-steps li .title{color: #000000}
    .panel-header-gray .panel-title {
        height: auto;
    }
    table td{white-space:normal;overflow:hidden; text-overflow:ellipsis;}

    .dic-title {
        background-color:#91AA9D;
        min-height:25px;
        line-height:25px;
        float:left;
        width:100%;
    }
    .item-h3{
        float:left;
        width:98%;
        padding-left:2%;
        text-align:center;
    }
    .item-panel {
        float:left;
        padding:0px;
        border-right:1px solid #ECF0F1
    }
    .dic-title3{
        background-color:#D1DBBD;
        border-bottom:1px solid #ECF0F1;
        min-height:25px;
        line-height:25px;
        float:left;
        width:100%;
    }
    .item-h {
        float:left;
        width:98%;
        padding-left:2%;
        text-align:center;
    }
    .dic-score {
        border-bottom:1px solid #ECF0F1;
        background-color:#D1DBBD;
        min-height:25px;
        line-height:25px;
        width:30%;
        float:left;
    }
    .dic-desc {
        border-top:1px solid #ECF0F1;
        cursor:pointer;
        min-height:25px;
        line-height:25px;
        width:70%;
        float:left;
        text-align:left;
    }
    .dic-desc-selected {
        background-color:#3498DB;
        color:white;
    }
    .evalDiv {
        width: 100%;
        height: 100%;
    }
    .evalNodeBlock {
        /*        width: 220px;*/
        /*height: 220px;*/
        overflow-y: auto;
        /*        float: left;*/
    }
    .evalNodeBlock .itemNode {
        float: left;
    }
    .evalItemBlock {
        /*        width: calc(100% - 220px);*/
        height: 100%;
        overflow-y: auto;
        margin-top: 0px;
        /*margin-bottom: 10px;*/
        /*float: right;*/
    }
    .J_nav {
        margin-top: 5px;
        padding-left: 5px;
        width: 100%;
        height: 20px;
        line-height: 20px;
        border-bottom: 1px solid #19bbcb;
        font-size: 14px; text-align: left;
        font-weight: bolder;
    }
    /*风险等级颜色*/
    .vlowRisk {
        color: #ffcccc;
    }
    .lowRisk {
        color: #fb7777;
    }
    .mhighRisk {
        color: #ff0000;
    }
    .highRisk {
        color: #a80038;
    }
    .vhighRisk {
        color: #8400FF;
    }
    .resultDiv{
        width: 40%;
        margin-left:10%;
        float:left;
        text-align: left;
        font-weight: bold;
    }
    .scoreSpan{
        font-size: large;
        width:35%;
        color: #5B98F0;
    }
    .btnDiv{
        width: 40%;
        float:left;
        text-align: right;
        margin-right: 10%;
        font-weight: bold;
    }
    .itemNode {
        height: 70px;
        border-top: 2px solid #e2e2e2;
        border-left: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        margin: 5px 5px;
        border-radius: 10px;
        padding: 5px;
        background-color: #fff;
    }
    .itemNode:hover {
        box-shadow: 0px 0px 10px 0px rgba(49,177,255,0.40);
        border-top:2px solid #31b1ff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        cursor: hand; cursor: pointer;
    }

    .active{
        box-shadow: 0px 0px 10px 0px rgba(49,177,255,0.40);
        border-top:2px solid #31b1ff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: rgb(216,239,255);
    }
    .dhcc-form {
        padding: 10px 10px;
    }

    .printBlock {
        font-size:5mm;
        line-height:6mm;
    }
    /* #Form{
         widht: 623.622047px;
         height: 793.700787px;
         margin:0;
         font-family:"宋体";
     }*/
    .dic-desc {
        position: relative;
    }

</style>
<div id="cc" class="hisui-layout" style="width:100%;height:auto" data-options="clickExpand:true,fit:true">
    <input type="hidden" id="locId" value="${locId}">
    <input type="hidden" id="patientId" value="${patientId}">
    <input type="hidden" id="episodeId" value="${episodeId}">
    <input type="hidden" id="entityId" value="${entityId}">
    <input type="hidden" id="inCaseId" value="${inCaseId}">
    <input type="hidden" id="modifyUserId" value="${modifyUserId}">
    <input type="hidden" id="modifyUserName" value="${modifyUserName}">
    <input type="hidden" id="asmtId" value="${asmtId}">
    <input type="hidden" id="nodeId" value="${nodeId}">
    <input type="hidden" id="desc" value="${desc}">
    <!-- 事件概览 -->


    <div data-options="region:'center',title:' ',headerCls:'panel-header-gray',split:true,collapsed:false">
        <!-- 基本信息Start -->

        <!-- 基本信息End -->

        <!-- 评估摘要Start -->
        <div style="padding:10px 10px 0px 10px"><!-- 评估摘要 -->
            <div id="nurseEvalEvent" class="hisui-panel" title="评估摘要																																<!-- 切换视图 -->
				<a href='#' onclick='evalEventChange()' style='float:right;cursor:pointer;margin-right:10px;' class='hisui-linkbutton l-btn l-btn-smal'><span class='l-btn-left'><span class='l-btn-text' style='color:white;'>切换视图</span></span></a>" style="height:190px;"
                 data-options="headerCls:'panel-header-gray',iconCls:'icon-paper-switch',cls:'panel-header-body'">
                <div id="hisStep" class="evalNodeBlock" style="height: 110px;display: true;padding:10px 10px 10px 10px;"></div>
                <div id="eventChart" style="height: 153px;display: true;padding:10px 10px 10px 10px;"></div>
            </div>
        </div>
        <!-- 评估摘要End -->

        <!-- 评估量表Start -->
        <div style="padding:10px 10px 10px 10px;"><!-- 评估量表 -->
            <div id="nurseEvalTable" class="hisui-panel" title="评估量表" style="height:390px;"
                 data-options="headerCls:'panel-header-gray',iconCls:'icon-paper-blue-line',cls:'panel-header-body'">
                <div class = "evalItemBlock" style="padding:10px 10px 0px 10px;"></div>
            </div>
        </div>
        <!-- 评估量表End -->
        <div class="toolbar">
            <div class="resultDiv">
                得分：<span id="asmtScore" class="scoreSpan"></span><span id="asmtResult" style="font-size: medium;"></span>
                <!--<div style="width:70%;">说明：<span id="asmtLevelInfo" style="font-size: small"></span></div>-->
            </div>
            <div class="btnDiv">
                <div style="float: left">评估节点：<select id="nodeType" class="hisui-combobox" style="width:200px;"></select></div>
                <#Button name="保存" id="save" clickFun="SdsAsmt.save()"/>
                <#Button name="关闭" id="close" clickFun="SdsAsmt.close()"/>
                <#Button name="打印" id="print" clickFun="SdsAsmt.print()"/>
            </div>
        </div>

        <div id="Form" style="margin:0;background-color:#FFF;display:none">
        </div>
    </div>
</div>
</div>
<script src="${ctxPath}/static/backend/sds/sdstool/sdsasmt.js"></script>
<script type="text/javascript" src="${ctxPath}/static/common/js/LodopFuncs.js" charset="utf-8"></script>
<script src="${ctxPath}/static/common/js/vteEcharts.js"></script>
@}